<template>
  <uni-nav-bar title="价格" left-icon="left" @clickLeft="navBack" :fixed="true" statusBar></uni-nav-bar>
  <view class="package">{{TeamInfo.teamAll.name}}</view>
  <!-- 超级团显示价格 -->
  <view class="package" v-if="TeamInfo.teamAll.type==2">
    <view class="space-between top">
      <view class="center">
        <uni-icons type="circle-filled" size="20" color="#1F92FE"></uni-icons>
        <view style="margin-left: 10rpx;">郑州</view>
      </view>
      <view class="center price">
        <view>微信</view>
        <view style="margin:0px 10rpx;">{{TeamInfo.teamAll.price[0].wechat}}</view>
        <view>余额</view>
        <view style="margin-left: 10rpx;">{{TeamInfo.teamAll.price[0].money}}</view>
      </view>
    </view>
  </view>
  <!-- 普通团价格 -->
  <view class="package" v-else>
    <view class="center">当前等级 <text>V{{TeamInfo.teamAll.level_price.level}}</text></view>
    <view class="center" style="margin-top:10rpx;">
      <view>余额 {{TeamInfo.teamAll.level_price.money}}</view>
      <view style="margin-left:20rpx;">微信 {{TeamInfo.teamAll.level_price.wechat}}</view>
    </view>
  </view>
</template>

<script setup lang="ts">
  import { navBack } from '@/utils/navigator';
  import { information } from '@/stores/administrator';
  const TeamInfo = information();
</script>

<style scoped lang="less">
  .top:nth-of-type(1) {
    margin-top: 0px;
  }

  .top {
    margin-top: 30rpx;
  }

  .price view:nth-child(even) {
    width: 174rpx;
    height: 45rpx;
    border: 1px solid #CECECE;
    border-radius: 6rpx;
    text-align: center;
    line-height: 45rpx;
  }
</style>